<div class="left_mail">
    <div class="main_left_rate">
        <?php if(!empty($ratting)) { foreach($ratting as $rt): ?>
        <section class="row4 padding10 margin5 des_rate_tutor">
            <p class="title-122"><?php echo $rt->title; ?></p>
            <?php echo $rt->description; ?>
            <p class="name-des">Được đăng bởi :<b><?php echo $this->common_model->getone('users',array('id'=>$rt->userid))->name;?></b> Vào lúc : <?php echo $rt->created; ?></p>
        </section>
        <?php endforeach; } else { echo 'Hãy là người đầu tiên viết đánh giá cho gia sư này !<br />';} ?>
        <?php if($this->session->userdata('id')) { echo '<a href="javascript://" class="btn_view vietdanhgia" style="width: 150px;color:#fff;" title="đánh giá giáo viên">Viết đánh giá</a>';}
              else {echo 'Hãy <a href="'.base_url().'dang-nhap.html" title="Đăng nhâp"> đăng nhập</a> để sử dụng chức năng viết đánh giá!';}
         ?>
    </div>
    <div class="form_danhgia" style="display: none;"><div class="node"></div><p>Tiêu đề:</p><input type="text" id="title_rate" value="" required="required" style="width: 100%;" /><p>Nội dung đánh giá</p><textarea required="required" id="des_rate" style="width: 100%;" rows="20"></textarea><a href="javascript://" class="btn_view guidanhgia" style="color:#fff;width:150px;">Gửi đánh giá</a></div>
</div>
<div class="right_mail">
    <div class="col_de1">
        <h3 class="blue_heading"><i class="icon-thumbs-up"></i>&nbsp;&nbsp;&nbsp;&nbsp;Đánh giá giáo viên</h3>
        <div class="main_rate">
            <p class="star"><?php for($i=1;$i<=$sosao;$i++){ echo '<i class="icon-star"></i>'; }?></i></p>
            <p>Học sinh đánh giá bài dạy của giáo viên</p>
            <div class="rate_details">
                <div class="node2"></div>
                <p class="clearfix"><span class="tt_rate">5 <i class="icon-star"></i> :</span><a class="danhgia" data-star="5sao" href="javascript://" title="Đánh giá rất tốt"><span class="orangebg" style="width: <?php echo $percent5; ?>%;">&nbsp;</span>Tốt</a><span class="num_rate">(<?php echo $fivestar; ?>)</span></p>
                <p class="clearfix"><span class="tt_rate">4 <i class="icon-star"></i>:</span><a class="danhgia" data-star="4sao" href="javascript://" title="Đánh giá tốt"><span class="orangebg" style="width: <?php echo $percent4; ?>%;">&nbsp;</span>Tốt</a><span class="num_rate">(<?php echo $fourstar; ?>)</span></p>
                <p class="clearfix"><span class="tt_rate">3 <i class="icon-star"></i> :</span><a class="danhgia" data-star="3sao" href="javascript://" title="Đánh giá Khá"><span class="orangebg" style="width: <?php echo $percent3; ?>%;">&nbsp;</span>Tốt</a><span class="num_rate">(<?php echo $threestar; ?>)</span></p>
                <p class="clearfix"><span class="tt_rate">2 <i class="icon-star"></i> :</span><a class="danhgia" data-star="2sao" href="javascript://" title="Đánh giá Trung bình"><span class="orangebg" style="width: <?php echo $percent2; ?>%;">&nbsp;</span>Tốt</a><span class="num_rate">(<?php echo $twostar; ?>)</span></p>
                <p class="clearfix"><span class="tt_rate">1 <i class="icon-star"></i> :</span><a class="danhgia" data-star="1sao" href="javascript://" title="Đánh giá Kém"><span class="orangebg" style="width: <?php echo $percent1; ?>%;">&nbsp;</span>Tốt</a><span class="num_rate">(<?php echo $onestar; ?>)</span></p>
            </div>
        </div>
    </div>
    <?php $this->load->view('com_tutors/views_form_email.php'); ?>
</div>
 <script>
        // AJAX DANH GIA
        $(document).ready(function(){
            $('.vietdanhgia').click(function(){
                $('.main_left_rate').remove();
                $('.form_danhgia').fadeIn();
            });
        });
        $(document).ready(function(){
            $('.guidanhgia').click(function(){
                var title_rate = $('#title_rate').val();
                var des_rate =$('#des_rate').val();
                var url = window.location.href;
                $.ajax({
                          type: "POST",
                          url: '<?php echo base_url(); ?>ajax/vietdanhgia',
                          data: {
                            title_rate : title_rate,
                            des_rate : des_rate,
                            url : url
                            },
                          success: success
                        });
                });
                function success(data,status){
                        $('.node').html(data);
                       };
            });
    </script>
<script>
$(document).ready(function(){
    $('.danhgia').click(function(){
       var url2 = window.location.href;
       var action = $(this).attr('data-star');
       var idu = <?php echo $this->session->userdata('id');?>;
       $('.rate_details').prepend('<p class="load">Đang tải dữ liệu</p>');
       $.ajax({
              type: "POST",
              url: '<?php echo base_url(); ?>ajax/ratestar',
              data: {
                idu : idu,
                action : action,
                url2 : url2
                },
              success: success2
            });
    });
    function success2(data,status){
                        $('.node2').html(data);
                        $('.load').remove();
                           setTimeout(function(){window.location.reload();},5000);
                       };
});
</script>